<template>
  <div class="boy">
    <div>
      <van-nav-bar style="padding: 10px 16px ;"
        title="设置"
        left-text="返回"

        left-arrow
        @click-left="onClickLeft"
        @click-right="onClickRight"
      />
    </div>
    <div>
      <van-cell  class="cell" center title="绑定新浪微博">
        <template #right-icon>
          <van-switch  v-model="checked" size="15" />
        </template>
      </van-cell>
      <van-cell class="cell"   title="您已关闭通知栏消息" is-link value="前往开启" />
      <van-cell  class="cell" title="客服服务" icon="phone-o" value="010-12345678" />
      <van-cell  class="cell" title="商务合作" icon="friends-o" is-link />
      <van-cell  class="cell" title="设置" icon="setting-o" is-link />
    </div>
    <div class="butt">
      <van-button style="margin-top:250px;" round color="#EC6941" size="large">退出登录</van-button>
    </div>
  </div>
</template>

<script>
import Vue from "vue";

import { Toast } from "vant";

export default {
  data() {
    return {
      checked: true
    };
  },
  methods: {
    onClickLeft() {
      // Toast("返回");
      this.$router.replace('/my')
    },
    onClickRight() {
      Toast("按钮");
    },
    onInput(checked) {
      Dialog.confirm({
        title: "提醒",
        message: "是否切换开关？"
      }).then(() => {
        this.checked = checked;
      });
    }
  }
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}

.boy {
  background: #f5f5f5;
  width: 375px;
  position: relative;
}
.butt {
  width: 335px;
  height: 300px;
  padding-left: 20px;
  padding-right: 20px;
  
}
.cell{
  padding: 10px 16px ;font-size:16px
}
</style>